<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>订单明细</title>
    <link rel="stylesheet" href="../CSS/public-css.css">
    <link rel="stylesheet" href="../CSS/order-css.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
</head>
<body>
<div class="main-div">
    <div class="header-div">
        <div class="logo-div">
            <img src="../img/goktech-img/images/logo.png" alt="无法加载图片">
        </div>
        <div class="form-div">
            <form action="">
                <input type="search" placeholder="热门搜索：干花花瓶">
                <input type="button">
            </form>
        </div>
    </div>
    <div class="body-div">
        <div class="nav-div">
            <ul>
                <li><a href="../homePage.jsp">商品首页</a></li>
                <li><a href="#">所有商品</a>
                    <div class="dropdown-content-one">
                        <div class="wrapper">
                            <a href="#">
                                <div class="img-div-one">
                                    <img src="../img/WebProgram/img/nav1.jpg" alt="无法加载图片">
                                </div>
                                <div class="dropdown-text-div">
                                    <span>浓情欧式</span>
                                </div>
                            </a>
                            <a href="#">
                                <div class="img-div-one">
                                    <img src="../img/WebProgram/img/nav2.jpg" alt="无法加载图片">
                                </div>
                                <div class="dropdown-text-div">
                                    <span>浪漫美式</span>
                                </div>
                            </a>
                            <a href="#">
                                <div class="img-div-one">
                                    <img src="../img/WebProgram/img/nav3.jpg" alt="无法加载图片">
                                </div>
                                <div class="dropdown-text-div">
                                    <span>雅致中式</span>
                                </div>
                            </a>
                            <a href="#">
                                <div class="img-div-one">
                                    <img src="../img/WebProgram/img/nav6.jpg" alt="无法加载图片">
                                </div>
                                <div class="dropdown-text-div">
                                    <span>简约现代</span>
                                </div>
                            </a>
                            <a href="#">
                                <div class="img-div-one">
                                    <img src="../img/WebProgram/img/nav5.jpg" alt="无法加载图片">
                                </div>
                                <div class="dropdown-text-div">
                                    <span class="text-span">创意装饰</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </li>
                <li><a href="#">装饰摆件</a></li>
                <li><a href="#">布艺软饰</a></li>
                <li><a href="#">墙饰壁挂</a></li>
                <li><a href="#">蜡艺香薰</a></li>
                <li><a href="#">创意家居</a></li>
            </ul>
        </div>
        <div class="location-div">
            <div class="parcel-div">
                <a href="../homePage.jsp">首页</a>
                <span>&nbsp;&nbsp;/&nbsp;&nbsp;</span>
                <a class="goods-link" href="#">订单明细</a>
            </div>
        </div>
        <div class="shopping-order">
            <div class="parcel-div">
                <div class="user-address">
                    <div class="title">
                        <span>收件信息</span>
                        <span>新增地址</span>
                    </div>
                    <div class="address">
                        <div class="addr-child">
                            <div class="more-information">
                                <div class="left-part">
                                    <span>张三</span>
                                    <span>[默认地址]</span>
                                </div>
                                <div class="right-part">
                                    <span>删除</span>
                                    <span>|</span>
                                    <span>编辑</span>
                                </div>
                            </div>
                            <div class="real-addr">
                                <span>福建省 泉州市 晋江市 内坑镇 泉州职业技术大学</span>
                            </div>
                            <div class="phoneNmuber">
                                <span>18359189417</span>
                            </div>
                        </div>
                        <div class="addr-child">
                            <div class="more-information">
                                <div class="left-part">
                                    <span>张三</span>
                                    <span>[默认地址]</span>
                                </div>
                                <div class="right-part">
                                    <span>删除</span>
                                    <span>|</span>
                                    <span>编辑</span>
                                </div>
                            </div>
                            <div class="real-addr">
                                <span>福建省 泉州市 晋江市 内坑镇 泉州职业技术大学</span>
                            </div>
                            <div class="phoneNmuber">
                                <span>18359189417</span>
                            </div>
                        </div>
                        <div class="addr-child">
                            <div class="more-information">
                                <div class="left-part">
                                    <span>张三</span>
                                    <span>[默认地址]</span>
                                </div>
                                <div class="right-part">
                                    <span>删除</span>
                                    <span>|</span>
                                    <span>编辑</span>
                                </div>
                            </div>
                            <div class="real-addr">
                                <span>福建省 泉州市 晋江市 内坑镇 泉州职业技术大学</span>
                            </div>
                            <div class="phoneNmuber">
                                <span>18359189417</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="order-detail">
                    <div class="order-show">
                        <div class="title">
                            <div class="left-part">
                                <span>订单内容</span>
                            </div>
                            <div class="right-part">
                                <span>返回购物车</span>
                            </div>
                        </div>
                        <div class="order-block">
                            <ul></ul>
                        </div>
                    </div>
                    <div class="order-content">
                        <div class="content">
                            <div class="discounts">
                                <span>优惠金额:</span>
                                <span>￥0.00</span>
                            </div>
                            <div class="transport-price">
                                <span>运费:</span>
                                <span>免运费</span>
                            </div>
                        </div>
                        <div class="total-price">
                            <span>合计:</span>
                            <span>￥200.00</span>
                        </div>
                        <div class="pay-btn">
                            <button>去支付</button>
                        </div>
                    </div>
                </div>
                <!--遮罩-->
                <div class="mask"></div>
                <!-- 新增地址 -->
                <div class="add-address">
                    <div class="add-address-title">
                        <span>新增地址</span>
                    </div>
                    <div class="information">
                        <input class="consignee-name" type="text" placeholder="请输入收货人姓名">
                        <div class="userName-tip"></div>
                        <input class="consignee-addr" type="text" placeholder="请输入收货人地址">
                        <div class="userAddr-tip"></div>
                        <input class="consignee-phone" type="text" placeholder="请输入收货人联系方式">
                        <div class="userPhone-tip"></div>
                    </div>
                    <div class="save-addr-btn">
                        <button>保存</button>
                        <button>取消</button>
                    </div>
                    -
                </div>
                <!-- 编辑地址 -->
                <div class="edit-address">
                    <div class="edit-address-title">
                        <span>编辑地址</span>
                    </div>
                    <div class="information">
                        <input class="consignee-name" type="text" placeholder="请输入收货人姓名">
                        <div class="userName-tip"></div>
                        <input class="consignee-addr" type="text" placeholder="请输入收货人地址">
                        <div class="userAddr-tip"></div>
                        <input class="consignee-phone" type="text" placeholder="请输入收货人联系方式">
                        <div class="userPhone-tip"></div>
                    </div>
                    <div class="save-addr-btn">
                        <button>保存</button>
                        <button>取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-footer-div">
        <div class="top-div">
            <div class="parcel-div">
                <div class="clearfix">
                    <img src="../img/temp1/foot1.png" alt="无法加载图片">
                    <span>7天无理由退货</span>
                </div>
                <div class="clearfix">
                    <img src="../img/temp1/foot2.png" alt="无法加载图片">
                    <span>15天免费换货</span>
                </div>
                <div class="clearfix">
                    <img src="../img/temp1/foot3.png" alt="无法加载图片">
                    <span>满599包邮</span>
                </div>
                <div class="clearfix">
                    <img src="../img/temp1/foot4.png" alt="无法加载图片">
                    <span>手机特色服务</span>
                </div>
            </div>
        </div>
        <div class="botton-div">
            <p>最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br>
                违法和不良信息举报电话:400-800-8200,本网站所列数据,除特殊说明,所有数据均出自我司实验室测试
            </p>
        </div>
    </div>
    <div class="broadside-nav">
        <div>
            <a href="gwc.jsp">
                <img src="../img/goktech-img/images/gwc.png" alt="">
                <span>去购<br>物车</span>
            </a>
        </div>
        <div class="service-div">
            <a href="#">
                <img src="../img/goktech-img/images/gt2.png" alt="">
                <span>联系<br>客服</span>
            </a>
        </div>
        <div>
            <a href="grzx.jsp">
                <img src="../img/goktech-img/images/grzx.png" alt="">
                <span>个人<br>中心</span>
            </a>
        </div>
        <div class="hidden-div">
            <a href="#top">
                <img src="../img/goktech-img/images/gt4.png" alt="">
                <span>返回<br>顶部</span>
            </a>
        </div>
        <p class="hidden-p">400-800-8200</p>
    </div>
</div>
</body>
<script src="../js/homePage-js.js"></script>
<script src="../js/order-js.js"></script>
<script>
    //主页下拉出现动画
    $(".body-div .nav-div ul>li:nth-child(2)").hover(function () {
        $(this).children("div").slideToggle(200);
    });
</script>

</html>
